<template>
  <el-row class="footer">
    <el-col :span="18" :offset="6" class="footer-nav-wrapper">
      <el-menu class="footer-nav">
        <el-menu-item index="1"><router-link :to="{path: '/'}">首页</router-link></el-menu-item>
        <el-menu-item index="2"><router-link :to="{path: '/Course'}">课程培训</router-link></el-menu-item>
        <el-menu-item index="3"><router-link :to="{path: '/'}">讲师团队</router-link></el-menu-item>
        <el-menu-item index="4"><router-link :to="{path: '/'}">视频教程</router-link></el-menu-item>
        <el-menu-item index="5"><router-link :to="{path: '/'}">就业明星</router-link></el-menu-item>
        <el-menu-item index="6"><router-link :to="{path: '/AboutUs'}">联系我们</router-link></el-menu-item>
        <el-menu-item index="7"><router-link :to="{path: '/AboutUs'}">关于我们</router-link></el-menu-item>
      </el-menu>
    </el-col>
    <el-col :span="5" :offset="8" class="footer-info">
      <p>热线电话：020-28187319-0</p>
      <p>邮箱：postmaster@gzmashi.com</p>
      <p>&copy;2017 - 粤ICP备17068813号-1</p>
      <p>公司网站：www.gzmashi.com</p>
    </el-col>
    <el-col :span="3">
      <img src="../../assets/images/ercode.gif">
    </el-col>
  </el-row>
</template>
<style>

  .footer {
    height : 230px;
    background : #233464;
  }
  .footer-nav-wrapper {
    margin-top : 2em;
    margin-bottom : 2em;
  }
  .footer-nav li {
    list-style:none;
    float : left;
    width : 6em;
    text-align : center;
    color : white;
    background : url(../../assets/images/shu.jpg) no-repeat right;
  }
  .footer-nav li a{
    color: white;
  }
  .footer-nav li:last-child {
    background : none;
  }
  .footer-info {
    font-size:0.75em;
    color : white;
  }
  .footer-info p {
    margin-bottom:0.2em;
  }

  .footer .el-menu-item:hover {
    background-color : transparent!important;
    border:0px!important;
  }
  .footer .el-menu-item.is-active {
    background-color : transparent;
    color : #fff;
  }
</style>

